<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- <link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>   -->
<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<link rel="stylesheet" type="text/css" th:href="@{/plugins/jQuery/jquery.mobile-1.4.5.min.css}" />

<script th:src="@{/plugins/jQuery/jquery-1.10.2.min.js}"></script>
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script th:src="@{/plugins/jQuery/jquery.mobile-1.4.5.min.js}"></script>
<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<link rel="stylesheet" th:href="@{/mobile/assistive.css}" />

<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/mobile/common.css}" />
<link rel="stylesheet" th:href="@{/mobile/reset.css}" />
<link rel="stylesheet" th:href="@{/mobile/listView.css}" />
<script th:src="@{/mobile/listView.js}"></script>
<script th:src="@{/mobile/imgZoomIn.js}"></script>
<style>
.infoFont{
	font-size: 13px !important;
	color: #999999 !important;
}

.infoTitle{
	padding-left: 1.5em !important;
}

#stardiv {
	height: 17px;
}
#stardiv img {
	width: 17px;
	height: 17px;
}

#stardivT {
	height: 17px;
}
#stardivT img {
	width: 17px;
	height: 17px;
}

#stardivT-hint{
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.foot-show{
	float: left;
	width: calc(50% - 30px);
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.settingsValue {
	width:100px;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
	display:inline;
}

.settingsValue-ta{
	width:100%;
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}

.ui-select{
	margin: 0;
}
.ui-input-text{
	border-width: 0px;
}

.ui-input-text, .ui-input-search{
	margin: 0;
}
body, input, select, textarea, button, .ui-btn{
	font-size: 13px;
}

.ui-btn-icon-notext, .ui-header button.ui-btn.ui-btn-icon-notext, .ui-footer button.ui-btn.ui-btn-icon-notext{
	width: 0px;
	height: 0px;
}

.ui-btn-icon-right:after{
	width: 0;
	height: 0;
}
.ui-select{
	height: 100%;
}

</style>
</head>
<body>
	<div data-role="page" id="pageone">
<!-- 		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>"门前三包"管理平台</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div> -->
		<div data-role="header" data-position="fixed">
			<h1>"门前三包"管理平台</h1>
		</div>
		<input type="hidden" id="identify" th:value="${identify}"></input> <input
			type="hidden" id="displayEdit" th:value="${displayEdit}"></input> <input
			type="hidden" id="displayCheck" th:value="${displayCheck}"></input> <input
			type="hidden" id="displayInspection" th:value="${displayInspection}"></input>
		<input type="hidden" id="displayKitchen" th:value="${displayKitchen}"></input>
		<!-- <div data-role="main" class="ui-content" style='background:url(/wcsi/img/backimg.jpg) 50% 0 no-repeat;background-size:cover' >-->
		<div data-role="main" style="background-color: #F5F5F5;">
		
			<div id="ball" class="ball" style="transform: translate3d(-8px, 0px, 0px); visibility: visible;">
				<div class="inBall" id="inBall">
					<div class="inBall-C"></div>
				</div>
				<div id="ballBox" class="ballBox"></div>
				<div id="AssistiveContent" class="AssistiveContent">
	            </div>
			</div>
			<!-- <h2 align="center">"门前三包"</h2> -->
			<table data-role="table" data-mode="columntoggle:none"
				style="background-color: #FFFFFF;" id="btitle">
				<thead class="pearlHeading">
					<tr>
						<th colspan="2"><a href="#pop" data-rel="popup"
							data-position-to="window" class="extendimg" id="bimg"
							data-transition="fade"> <img id="avatar" src=""
								style="width: 100%" />
						</a></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="2"><img id="infoState" width="20%" src="" /></td>
					</tr>
					<tr>
						<td colspan="2"><h2 align="center" id="maintitle"></h2></td>
					</tr>
					<!-- 
					<tr>
						<td><label>综合评分</label><label id="evaluateScale"></label></td>
					</tr>
					 -->
					<tr>
						<td style="width: 40%;" class="infoFont infoTitle">诚信评价</td>
						<td style="width: 60%;"><div id="stardiv" class="infoFont"></div></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">签订人</td>
						<td id="signPerson" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">签订人电话</td>
						<td id="signPersonPhone" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">保洁员</td>
						<td id="cleaningPerson" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">保洁员电话</td>
						<td id="cleaningPersonPhone" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">经营地址</td>
						<td id="shopAdress" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">经营类别</td>
						<td id="managementRange" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">责任范围</td>
						<td id="areaMeasure" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">社区管理人员</td>
						<td id="areaMperson" class="infoFont"></td>
					</tr>
					<tr>
						<td class="infoFont infoTitle">备注</td>
						<td id="memo" class="infoFont"></td>
					</tr>

					<tr>
						<td colspan="2">
						<a href="#pagetwo" data-transition="slide"
						data-direction="reverse" data-inline="true"
						style="text-decoration: none;">
						<button type="button" data-inline="true"
						style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important;
						 color:#FFFFFF; width: 38%; height: 30px;font-size:16px;
						 padding: 0 !important;">&nbsp;评价&nbsp;</button></a>
					
					<!-- <a href='#pagetwo' data-transition="slide"
							style="text-decoration: none;"><button type="button"
									data-inline="true"
									style="background-color: #55B937; border: 1px #55B937 solid; color: #FFFFFF; width: 40%;">
									<img width="15px" height="12px" src="/wcsi/img/arrow-r.svg" />评价&nbsp;
								</button></a> -->
								
							<!-- <button type="button" onclick="window.location.href='#sPanel'" data-inline="true" style="background-color:#55B937; border: 1px #55B937 solid; color: #FFFFFF;width: 35%;"><img width="15px" height="15px" src="/wcsi/img/arrow-r.svg"/> 监督举报</button> -->
						</td>
					</tr>
				</tbody>
			</table>

			<div data-role="popup" id="pop">
				<a href="#" id="backloadingimg" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
				<!-- data-rel="back" -->
				<img src="" id="avatarbig" style="width: 100%" />
			</div>
			<!-- 新闻发布 -->
			<ul data-role="listview" id="bussinessContent" data-inset="true">
				<li data-role="list-divider" class="list-divider-ui">新闻发布</li>
			</ul>

			<!-- 巡检历史记录 -->
			<ul data-role="listview" id="inspections" data-inset="true" data-listView-theme="a" data-pic-show="true" data-href="detailInspectPanel" data-class="hrefClick">
				<li data-role="list-divider" class="list-divider-ui">历史巡检记录</li>
			</ul>
			<!-- 举报历史记录 -->
			<ul data-role="listview" id="accusations" data-inset="true" data-listView-theme="b" data-pic-show="true" data-class="extendimg">
				<li data-role="list-divider" class="list-divider-ui">历史评价记录</li>
			</ul>

			<!-- 潲水搜集 -->
			<ul data-role="listview" id="kitchenwastes" data-inset="true" data-listView-theme="c" data-pic-show="false" data-class="kcClick">
				<li data-role="list-divider" class="list-divider-ui">潲水搜集记录</li>
			</ul>


			<div data-role="popup" id="bussinessContentPop">
				<a href="#" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
				<img src="" id="imgbig" style="width: 100%" />
			</div>
			<div class="foot-show">
				<h5 id="area"></h5>
			</div>
			<div class="foot-show">
				<h5 id="areaphone"></h5>
			</div>
		</div>

		<div data-role="popup" id="menu-scd" data-transition="fade"
			class="vbook-menu-popup ui-popup-container ui-popup-active ui-popup ui-corner-all">
			<ul data-role="listview" id="menu-scd-list" data-inset="true" style="min-width: 210px;">
			</ul>
			<div class="ui-popup-arrow-container ui-popup-arrow-b">
				<div id="menu-scd-arrow" class="ui-popup-arrow ui-body-inherit"></div>
			</div>
		</div>

		<div data-role="popup" data-transition="fade" id="popupLoginSelect"
			data-theme="a" class="ui-corner-all">
			<div style="padding: 10px 20px;">
				<h3>请 登 录</h3>
				<input type="text" name="user" id="user" value="" placeholder="用户名"
					data-theme="a" data-clear-btn="true" /> <input type="password"
					name="pwd" id="pwd" value="" placeholder="密码" data-theme="a"
					data-clear-btn="true" /> <label id="error" style="color: red"></label>
				<div data-role="content" style="white-space: nowrap;">
					<!-- <a data-role="button" id="subtnForVisitors" style="background-color:#F5F5F5;border-style:1px #55B937 solid;" data-inline="true">游客</a>  -->
					<button type="button" id="subtnForVisitors" data-inline="true"
						style="background-color: #F5F5F5; border: 1px #55B937 solid; color: #55B937; width: 45%;">游客</button>
					<button type="button" id="subtnForUser" data-inline="true"
						style="background-color: #55B937; border: 1px #55B937 solid; color: #FFFFFF; width: 45%;">登陆</button>
					<!-- <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a> -->
				</div>
				<a href='javascript:void(0)' data-rel="back"
					class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
			</div>
		</div>

		<div data-role="footer" data-position="fixed" data-tap-toggle="true"
			id="footerMenu">
			<div data-role="navbar" id="menu-bar">
				<!-- <ul id="menu-list">
					<li><a href="javascript: ;" data-icon="home" class='menuClick'
						id="menu-home">首页</a></li>
				</ul> -->
			</div>
			<!-- <h1>版权所有@Exde 违者必究</h1> -->
		</div>
	</div>

	<div data-role="page" id="pagetwo" style='background-color: #F5F5F5;'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true" data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>评价</h1>
		</div>
		<div data-role="main" style="background-color: #F5F5F5;" >
		   	<ul data-role="listview">
				<li>
					<div class="row">
						<div class="col-xs-4 settingsTitle"><span>商户名称</span></div>
						<div class="col-xs-8">
							<div class="settingsValue" id="shopNameT"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-4 settingsTitle"><span>满意度</span></div>
						<div class="col-xs-8">
							<div class="settingsValue">
								<div id="stardivT"></div><label id="stardivT-hint" ></label>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-4 settingsTitle"><span>评价类型</span></div>
						<div class="col-xs-8">
							<div class="settingsValue">
								<select name="accusationType" id="accusationType">
								<option th:each="accusationType:${accusationTypes}"
									th:value="${accusationType.id}"
									th:text="${accusationType.title}"></option>
								</select>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>具体内容</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue-ta">
								<textarea id="accusationReason" style="resize: none;"></textarea>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>联系电话</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue"><input id="telephone" type="number" /></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-4 settingsTitle"><span>添加图片</span></div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-12 ">
							<div class="settingsValue">
							<a href="javascript: ;" id="fileclick"><img src="/wcsi/img/upload.png" id="avatart" style="width:70px;height: 70px;"/></a>
							<input type="file" id="file_upload" name="file" style="display: none;opacity: 0;" />
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div data-role="footer" data-position="fixed" data-theme="a">
				<center>
					<a href="#pageone" data-transition="slide" data-direction="reverse"
						data-inline="true" style="text-decoration: none;"><button
							type="button" data-inline="true"
							style="background: #FFFFFF !important; border: 1px solid; border-color:#D8D8D8; border-radius: 6px !important; color: #555555; width: 48%; height: 38px; font-size: 16px;">&nbsp;关闭&nbsp;</button></a>
					<a href="#pageone" id="saveBtnT" data-transition="slide"
						data-direction="reverse" data-inline="true"
						style="text-decoration: none;"><button type="button" data-inline="true"
						style="background: #F8643F !important; border: 1px solid; border-color:#FA977E; border-radius: 6px !important; color: #FFFFFF; width: 48%; height: 38px;font-size:16px;">&nbsp;提交&nbsp;</button></a>	
				</center>
			</div>
		</div>
	</div>
	<!-- 面板 -->
	<div data-role="page" id="detailInspectPage" tyle='background-color: #F5F5F5; background-size: cover'>
		<div data-role="header" data-position="fixed" data-tap-toggle="true" data-theme="a">
			<span><a href="#pageone" data-transition="slide" data-direction="reverse" class="pageBack" ><span class="fa fa-angle-left headleft"></span> </a></span>
			<h1>详情查看</h1>
		</div>
		<div data-role="main" style="background-color: #F5F5F5;">
			<ul data-role="listview">
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>商户名称</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="bussinessName"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>商户地址</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="bussiessAddr"></div>
						</div>
					</div>
				</li>	
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>商户管理员</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="bussinessMng"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>巡检内容</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="remark"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>巡检情况</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="inspectCondition"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>巡检时间</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="inspectDate"></div>
						</div>
					</div>
				</li>
				<li>
					<div class="row">
						<div class="col-xs-6 settingsTitle"><span>巡检人</span></div>
						<div class="col-xs-6 ">
							<div class="settingsValue" id="inspectPerson"></div>
						</div>
					</div>
				</li>
			</ul>
			<img src="" id="avatartI" style="width: 100%;margin-top: 20px;" onClick="$(this).ImgZoomIn();"/>
			<ul data-role="listview" id="xmxqList" data-inset="true" data-listView-theme="d" data-pic-show="true" data-class="xmxqClick">
				<li data-role="list-divider" class="list-divider-ui">项目详情</li>
			</ul>
			
		</div>
		<div data-role="popup" id="pop">
			<a href="#" id="backloadingimg" data-rel="back"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a><!-- data-rel="back" -->
			<img src="" id="avatarbig" style="width: 100%" />
		</div>
	</div>

	<!-- <link rel="stylesheet"
		th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" /> -->
	<!-- <script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script> -->
	<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
	<script th:src="@{/mobile/assistive.js}"></script>
	<script th:src="@{/mobile/mobileIndex.js}"></script>
	<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
	<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
	<script th:src="@{/plugins/sha256.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>